{% load i18n %}

{% block body_class %}{% endblock %}

{% block facebook_twitter %}

{% endblock %}

{% block extra_head_base %}
	{% block extra_head %}
		<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
		<style>
		html,body,p,center,div,form,br,a,ul,li,img,input{
				margin:0;
				padding:0;
				border:0;
			}
		#id_username{
			width:100%;
		}
		#id_password{
			width:100%;
		}
		#id_button{
			float:left;
			margin-top:10px;
			background:#3D59AB;
			height:25px;
			width:70px;
			color:white;
		}
		#button{
				height:25px;
				width:30%;
				color:white;
				background:  #1B3F8B;
				margin-top: 9px;
			}
		
		body {
			background:#3D59AB url("{{ STATIC_URL }}images/background.png") repeat-x;
			
			}
		#DualLink a:link, #DualLink a:visited{
				text-decoration:none;
				color:black;
				float:right;
				font-family:tahoma;
				font-size:11pt;
			}
		#DualLink a:hover{
			color:lightgray;
			}
			
		#DualLink{
			list-style-type:none;
		}
		#footer1{
				position:absolute;
				bottom:1px;
				margin-left: 40%;
				align: center;
			}
		.a_tag{
			color:black;
			font-size:9pt;
			float:right;
		}
		.a_tag:hover{
				color:white;
			}
		.errorlist{
		margin-top:5px;
		color: black;
		background:lightgray;
		border:solid;
		border-width:1px;
		border-color:red;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		font-size:9pt;
		width:100%;
		list-style-type:none;
		opacity:0.7;
		font-style:italic;
		}
		

		
		</style>
		
		</head>
	{% endblock %}
{% endblock %}

{% block body %}
	<br/>
	<br/>
	<br/>
	<div id="logo">
		<center><a href="{% url home %}"><img src="{{ STATIC_URL }}images/logo.png" width="250" height="200"/></a></center>
	</div>
	<center>
	<div id="user_nevtreh_heseg" style="width:210px">
		<form action="{% url django.contrib.auth.views.login %}" method="post">
		  {% csrf_token %}
		
		  <label style="float:left;" for="username">{% trans "E-mail" %}</label><input style="width:215px"type="text" name="username" value="" id="username"/><br />
		  <label style="float:left;" for="password">{% trans "Password" %}</label><input style="width:215px"type="password" name="password" value="" id="password" />
	
		  <div class="submit-wrapper">
		    <input id="id_button" onmouseover="over()" onmouseout="out()" type="submit" value = "{% trans 'Sign In' %}">
		    <script>
		    	function over(){
					var a = document.getElementById("id_button");
					a.setAttribute("style","opacity:0.3");
			    	}
		    	function out(){
					var a = document.getElementById("id_button");
					a.setAttribute("style","opacity:1");
			    	}
		    	
		    </script>
		  </div>
		</form>
		<a style="margin-top:5px;" class="a_tag" href="{% url registration_register %}">{% trans "Sign Up" %}</a>
		<a class="a_tag" href="{% url auth_password_reset %}">{% trans "Forgot password" %}</a>
	</div>	
	</center>
	<center>
		<div id = "footer1" style="width:250px">
			<br/>
			<p>&copy; www.toefl.mn</p>
			<p>2011</p>
		<div>
	</center>
	
{% endblock %}
</html>
